
body {
  margin: 0;
  display: flex;
  place-items: center;
  min-width: 320px;
  min-height: 100vh;
}
.card {
  padding: 2em;
}

li{
  list-style: none;
}

.emoji:hover{
  background-color: #c7c7c7;
}
#app {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  text-align: center;
}
.success{
  background-image: linear-gradient(120deg, rgba(132,250,176,0.3) 0%, rgba(143,211,244,0.3) 100%);
}
.success .el-notification__content{
  color: rgb(7, 193, 96 );
}

.warn{
  background-image: linear-gradient(120deg, rgba(246,211,101,0.3) 0%, rgba(253,160,133,0.3) 100%);

}
.warn .el-notification__content{
  color: rgb(230, 162, 60);
}
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 2px;
  box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
  background: #c0bdbb;
}

::-webkit-scrollbar-thumb:hover {
  background: #adaaa9;
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
  border-radius: 2px;
  background: none;
}

@media (prefers-color-scheme: light) {
  :root {
    color: #213547;
    background-color: #ffffff;
  }
  a:hover {
    color: #747bff;
  }
  button {
    background-color: #f9f9f9;
  }
}
